<template>
  <div  class="flex-container" >
      <div class="c1">
        <h1 class="title">实功率(KW)</h1>
          <div class="font1" >
            <div class="font1">
              0.33
            </div>
          </div>
      </div>
      <div class="c1">
        <h1 class="title">累计发活动
(万kwh)</h1>
        <div class="font2">647.2213</div>
      </div>
  </div>
</template>
<script>

</script>

<style lang="scss" scoped>
.flex-container {
  display: flex;
  gap: 30%;
  padding: 3%;
  flex-grow: 2;
}
.c1{
  display: flex;
  flex-direction: column;
  gap: 20px; /* 调整元素之间的间隔距离 */
}
.title {
  font-size: 20px;
  font-weight: bold;
}
.font1{
  color: rgb(247, 250, 253);
  text-shadow: 5px 5px 8px rgba(3, 68, 138);
  font-size: 40px;
}
.font2{
  color: rgb(253, 245, 2);
  text-shadow: 5px 5px 8px rgba(3, 68, 138);
  font-size: 40px;
}

</style>
